      <!-- Start: slider -->
      <div class="slider" style='height:500px;'>
        <div class="container-fluid">
          <div id="heroSlider" class="carousel slide">
            <div class="carousel-inner">
              <div class="active item">
                <div class="hero-unit">
                  <div class="row-fluid">
                    <div class="span7 marketting-info">
                    <div class="span5">
                      <img src="<?=base_url();?>asset/img/rutilahu.png" class="thumbnail">
                    </div>
                    </div>
                  </div>                  
                </div>
              </div>
              <div class="item">
                <div class="hero-unit">
                  <div class="row-fluid">
                    <div class="span7 marketting-info">
                    <div class="span5">
                      <img src="<?=base_url();?>asset/img/rulahu.png" class="thumbnail">
                    </div>
                    </div>
                  </div>                  
                </div>
              </div>
            </div>
            <a class="left carousel-control" href="#heroSlider" data-slide="prev">‹</a>
            <a class="right carousel-control" href="#heroSlider" data-slide="next">›</a>
          </div>
        </div>
      </div>

